<template>
  <view class="start">

    <view class="picker" @click="pickerShow = true">
            {{userPicker}}
    </view>

    <view class="mr-commit" @click="commit" :class="sizeStatus ? 'mr-commit-big' : 'mr-commit-small'"></view> 
    <LandscapeModel v-model:show="show" :sonFun="sonFun"/>
    <fui-date-picker :show="pickerShow" type="3" @change="change" @cancel="pickerShow = false"></fui-date-picker>
  </view>
</template>

<script setup lang="ts">
import LandscapeModel from "@/components/Landscape/LandscapeModel.vue";
import { EnumStatus } from "@/utils/constants";
import dyUserPlayingService from "@/api/dyUserPlayingService";
import { loveNAME,homophony } from "@/utils/ab";
const sizeStatus = ref(false)
const show = ref(false)
const emit = defineEmits(['update:defStatus','update:content'])
const userPicker = ref("请选择日期")
const pickerShow = ref(false)
const month = ref('0')
const day = ref('0')
const constellationData = ref([
    {
        name:"星纪",
        date:"阴历1月6日-2月3日",
        love:"你的温厚和大方有礼是博得异性好感的有力“武器”。",
        meaning:"作为十二星座的出发点，有根基的含义",
        info:"你是一个信念坚强而勤奋的人，会向着自己的目标努力不懈。而且给人十分踏实可信的印象，深得他人信赖。但一向温柔的你一旦发起脾气来，也是势不可挡的。"

    },
    {
        name:"玄枵",
        date:"阴历2月4日-3月5日",
        love:"善于表达感情，是你的有力“武器”。",
        meaning:"有种子的含义，所以有发展性和神秘感",
        info:"你好奇心旺盛，兴趣广泛，而且性格开朗、乐观，走到哪里都是受欢迎的人物。但你同时有缺乏耐性、善变的缺点，而且对一件事物的热情不会久。"
        
    }, {
        name:"娵訾",
        date:"阴历3月6日-4月4日",
        love:"穿着一些小巧性感的服装。",
        meaning:"有代表着植物的核，即事物的中心",
        info:"你是一个个性很强、强调自我的人，外表冷漠，内心却十分热情。而且具持久力，一旦决定了某件事，便会以坚强的意志坚持到底，故此经常成为团体的领导人物。不过你的坚强可能会使你有些自闭倾向，因此应多与周围的人交流。"
        
    }, {
        name:"降娄",
        date:"阴历4月5日-5月5日",
        love:"在对方处于困难关头时，用你细腻的心去关心、安慰他(她)。",
        meaning:"代表植物的茎，你像茎向植物无私地输送养分一般，你是一个为他人无私奉献的人",
        info:"你性格直率，不论与同性朋友或异性朋友都能够融洽地相处。当朋友遇到困难时，你都能鼎力相助，但自己遇到麻烦时却显得束手无策。而且过于听命于上司也是不正确的态度。"
        
        
    }, {
        name:"大梁",
        date:"阴历5月6日-6月5日",
        love:"赞美对方是你的专长。",
        meaning:"象征植物过冬前积蓄能量，有结实的意思",
        info:"“大梁”座的人多会早熟，人生经验也会比较丰富，头脑灵活，对于知识或技能都能很快掌握。而且有先见之明，对自己的未来有长远的计划，但也会比较现实及精于算计。"
        
        
    }, {
        name:"实沉",
        date:"阴历6月6日-7月6日",
        love:"对异性无微不至的体贴关心，特别能打动对方。",
        meaning:"代表伸缩自如的柔软性，象征植物的枝条",
        info:"你是一个很有韧力、善于随机应变的人。能够利用机会开拓自己的发展。但你缺乏踏实的努力，天赋是要靠真正的磨练才可以成为你的才能。"
        
        
    }, {
        name:"鹑首",
        date:"阴历7月7日-8月6日",
        love:"时刻都给恋人支持和鼓励就是你最有力的武器。",
        meaning:"象征宁静",
        info:"“鹑首”座的你沉稳温和，总给人很有内涵而且略有神秘感的印象。外表冷漠的你，会为了理想充满热情和踏实地努力。而且你具有一种超出实际年龄的包容力和涵养。但应注意在金钱方面不要过于吝啬，特别是与老朋友一起的时候。"
        
        
    }, {
        name:"鹑火",
        date:"阴历8月7日-9月7日",
        love:"健康的肤色及灿烂的笑容使你特别具有魅力。",
        meaning:"代表不死鸟的心脏，具有燃烧的生命",
        info:"你精力充沛、行动极快，从不会“三思而后行”。你也是个喜欢另辟新径的人，在异性面前毫不做作的性格，使你深得同性朋友的爱戴。"
        
        
    }, {
        name:"鹑尾",
        date:"阴历9月8日-10月7日",
        love:"当他(她)遇到烦恼时，要细心地倾听。",
        meaning:"代表着坚实地生长在大地中的根",
        info:"你的性格也会如土地中的根一样，坚强而深不可测。冷漠的外表下有一颗温柔的心，而且富有同情心。有丰富的想像力，感觉敏锐，但有时有些不切实际。"
        
        
    }, {
        name:"寿星",
        date:"阴历10月8日-11月6日",
        love:"如果你是个女孩，你的魅力则是温柔如水及披肩的长发；如果你是个男孩，英俊及男子气概则是你的魅力。",
        meaning:"寿星”座的人拥有福寿",
        info:"表面上看来你是个懒惰之人，但一旦有了目标，你便会充满热情地开始实现它，所谓“不鸣则已，一鸣惊人”。但你的热情难以持久。此外，你也不喜欢团体活动。"
        
        
    }, {
        name:"大火",
        date:"阴历11月7日-12月5日",
        love:"温柔的个性及对家庭的重视，就是你的魅力所在。",
        meaning:"代表早晨温暖的阳光",
        info:"你给别人的感觉也十分温暖，因为你的安宁恬静所以深得大家喜爱。而且你是个重视家庭及爱护家人的人，不过温顺的性格却又使你具有优柔寡断的缺点。"
        
        
    }, {
        name:"析木",
        date:"阴历12月6日-1月5日",
        love:"你喜欢优秀、出色的异性。但你不喜欢束缚，喜欢自由。",
        meaning:"代表拦截天河的木栅",
        info:"现实生活中的你最大的特点便是意志坚强，不论遇到任何逆境都能充满勇气地跨过。一旦有了奋斗目标，便会向着这个目标努力不懈。你勤奋上进的性格，使你常拥有成功机会。"
        
        
    }
])
const change = (e:any)=>{
    console.log(e.month,e.day)
    day.value = e.day
    month.value = e.month
    userPicker.value = e.result
    pickerShow.value = false
}
const sonFun = async()=>{
    let data = 0;
    const numStr = Number(String(Number(month.value)) + String(Number(day.value)));
    console.log(numStr)
    if(16 < numStr &&  numStr < 23){
        data = 1;
    }else if(24 < numStr &&  numStr < 35){
        data = 2;
    }else if(36 < numStr &&  numStr < 44){
        data = 3;
    }else if(45 < numStr &&  numStr < 55){
        data = 4;
    }else if(56 < numStr &&  numStr < 65){
        data = 5;
    }else if(66 < numStr &&  numStr < 76){
        data = 6;
    }else if(77 < numStr &&  numStr < 87){
        data = 7;
    }else if(88 < numStr &&  numStr < 97){
        data = 8;
    }else if(98 < numStr &&  numStr < 107){
        data = 9;
    }else if(108 < numStr &&  numStr < 118){
        data = 10;
    }else if(119 < numStr &&  numStr < 126){
        data = 11;
    }else if(127 < numStr ||  numStr < 16){
        data = 0;
    }
    emit('update:defStatus',EnumStatus.RESULT)
    emit('update:content',constellationData.value[data])
}

const sensitiveWord = async(content:string) =>{
    const {result}  = await dyUserPlayingService.sensitiveWord({word:content})
    if(result){
        uni.hideLoading()
        uni.showToast({
            title: '存在敏感词,请重新填写',
            duration: 2000,
            icon:"none"
        });
        return
    }
}

const startTimer = () => {
    setInterval(() => {
        sizeStatus.value =  !sizeStatus.value
    }, 1000); // 每秒执行一次
  };

  const commit = async ()=>{
    if(userPicker.value === '请选择日期'){
        uni.showToast({
        title: "请输入内容",
        duration: 2000,
        icon:"none"
      });
      return
    }
    uni.showLoading({
        title: "加载中",
        icon: "none",
    });
    uni.hideLoading()
    show.value = true
}

onMounted(()=>{
      startTimer()
  })
</script>

<style lang="scss" scoped>
.start{

    .picker{
        position: absolute;
        top: 65%;
        width: 60%;
        left: 20%;
        height: 8%;
        display: flex;
        justify-content: center;
        align-items: center;
    }


    .mr-commit{
      z-index: 102;
      position: absolute;
      top: 86%;
      width: 60%;
      height: 100rpx;
      left: 20%;
      background-size: 100% 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      color: white;
      background-image: url("http://img-miniprogram-o.doutuimao.net/minicms/product/20230711/20230711170947593823.png");
  }
  .mr-commit-big{
      width: 62%;
      height: 105rpx;
      left: 19%;
      transition: all 1s;
  }
  .mr-commit-small{
      width: 60%;
      height: 100rpx;
      left: 20%;
      transition: all 1s;
  }
}

</style>
